<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jsease demo</title>
<link href="../jsease.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../core.js"></script>
<script type="text/javascript" src="../stdui.js"></script>
<script type="text/javascript" src="../xnav.js"></script>
<script type="text/javascript" src="../tab.js"></script>
<script type="text/javascript" src="../mask.js"></script>
<script type="text/javascript" src="../pop.js"></script>
<script type="text/javascript" src="../list.js"></script>
<style type="text/css" title="">
.mnbar
{
background:url("/icos/navbg25.gif") repeat-x;
height:100%;
}
</style>
</head>

<body>
<script type="text/javascript">
//<![CDATA[
/**
 * tab datas
 */
var res = {
		tabs : {
			stdui: { id: 'xstdui', tab: { label:'stdui', cls: 'a' }, ico: {src: '/icos/layout.png'}, locked:true, data:'def( stduivarname, "stdui", {} /*default settings*/);' },
			tabs: { id: 'xtabs', tab: { label:'tabs', cls: 'a' }, ico: {src: '/icos/tab.png'} },
			split: { id: 'xsplit', tab: { label:'split', cls: 'a' }, ico: {src: '/icos/application_side_tree.png'} },
			slide: { id: 'xslide', tab: { label:'slide', cls: 'a' }, ico: {src: '/icos/timeline_marker.png'} },
			mask: { id: 'xmask', tab: { label:'mask', cls: 'a' }, ico: {src: '/icos/shading.png'} }
		},
		pops : {
			popup: { id: 'mypopup', ico: { src: '/icos/help.png' }, type:'form', css:'width:270px;height:125px;', title: 'help', data: function(){htm$('/ts/loginform.php', my.nfo, this);} }
		}
	};

/**
 * customized datas
 */
var my = {
		tabs: {
			stdui: res.tabs.stdui,
			/* popup: res.tabs.popup, */
			tabs: res.tabs.tabs
		},
		nfo: {
		}
	};

/**
 * start stdui with default settings
 */
def('myui', 'stdui', {});

/**
 * start top_menu_bar
 */
def('topnav', 'xnav', { id: 'topnav', elem: 'xmenu', cssname: 'mnbar', menu: [
	/* left part */
	{ id:'stdui', ico: {src: '/icos/layout.png'}, css:'margin-left:3px;', label: {txt:'stdui'}, fn: function(){ mytab.go(res.tabs.stdui); } },
	{ label: {txt: '-|-'} },
	{ id: 'popup', ico: {src: '/icos/application.png'}, label: {txt: 'popup'}, fn: function(){ mypop.form( {reload: function(){top.location.reload();} } ); } },
	{ label: {txt: '-|-'} },
	{ id: 'tabs', ico: {src: '/icos/tab.png'}, label: {txt: 'tabs'}, fn: function(){ mytab.go(res.tabs.tabs); } },
	{ label: {txt: '-|-'} },
	{ id: 'split', ico: {src: '/icos/application_side_tree.png'}, label: {txt: 'split'}, fn: function(){ mytab.go(res.tabs.split); } },
	{ label: {txt: '-|-'} },
	{ id: 'slide', ico: {src: '/icos/timeline_marker.png'}, label: {txt: 'slide'}, fn: function(){ mytab.go(res.tabs.slide); } },
	{ label: {txt: '-|-'} },
	{ id: 'mask', ico: {src: '/icos/shading.png'}, label: {txt: 'mask'}, fn: function(){ mytab.go(res.tabs.mask); } },
	/* right part */
	{ id: 'uacc', right: 1, ico: {src: '/icos/user.png'}, label: {txt: 'user'}, fn: function(){ mytab.go(res.tabs.stdui); } },
	{ label: {txt: '-|-'}, right: 1 },
	{ id: 'logout', right: 1, ico: {src: '/icos/door_in.png'}, css:'margin-right:3px;', label: {txt: 'logout'}, fn: function(){ mytab.go(res.tabs.stdui); } }
	] } );

/**
 * start tabs
 */
def('mytab', 'tab', { id: 'mytab', elem: 'xbody', tabs: my.tabs }).go(my.tabs.stdui);

/**
 * popup
 */
def('mypop', 'pop', res.pops.popup );

//]]>
</script>
</body>
</html>